$(document).ready(function () {


	$("article").on('blur', ".p3 .hebg .slogan input", function () {
		var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
		window.scrollTo(0, Math.max(scrollHeight, 0));
		// 解决输入框收缩后   input拖拽异常
		$("article").click()
	})
	// 解决input输入框点不到
	$(".name").blur(function () {
		var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
		window.scrollTo(0, Math.max(scrollHeight, 0));
		// 解决输入框收缩后   input拖拽异常
		$("article").click()
	});
	$(".phone").blur(function () {
		var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
		window.scrollTo(0, Math.max(scrollHeight, 0));
		// 解决输入框收缩后   input拖拽异常
		$("article").click()
	});
	// 解决input输入框点不到

	//-----------------------------------------定义和初始化变量----------------------------------------
	var loadBox = $('aside.loadBox');
	var articleBox = $('article');
	var windowScale = window.innerWidth / 750;

	var nameIdx = 20;
	// 画布上人物的数量
	var PersonNum = 0;
	$(".p3 .hetool1 .personbg .pnum i").text(PersonNum)
	var CharacterSwiper = null;
	var GiftSwiper = null;

	// 选中的人
	var personObjs = [];
	var personObj;

	// slogan的数量
	var sloganNum = 0;
	var zIndex = 100;
	// 四个一级按钮的判断
	var is_scenery = false;
	// 选择了人物性别
	var is_person = false;
	// 选择了动作
	var is_character = false;
	// 选择了文字
	var is_target = false;

	// 是否是会员
	var is_vip = 2;

	// 分享图片
	var shareUrl = 'share';

	var hmsr = '';

	if (icom.getQueryString('hmsr')) {
		hmsr = icom.getQueryString('hmsr');
	}
	// 图片的ID
	var imgId;

	var is_handleClose = false;

	var bg = '';


	// 首次进入的授权
	// 重置分享
	resetShare()
	loadBox.show()
	if (true) {
		if (false) {
			API.info({ hmsr: hmsr }, function (res) {
				if (res.code == 1) {
					window.location.replace(res.data.url)
				} else {
					is_vip = res.code;
					console.log(res.message)
					icom.init(init);//初始化
				}
			})
		} else {
			is_vip = 0;
			icom.init(init);//初始化
		}
	} else {
		is_vip = 0;
		icom.init(init);//初始化
	}

	// icom.init(init);//初始化


	// 获取新春表情包
	var Melist = [];
	var screenProp = 1;

	//----------------------------------------页面初始化----------------------------------------
	icom.screenScrollUnable();//如果是一屏高度项目且在ios下，阻止屏幕默认滑动行为

	function init() {
		requestAnimationFrame(function () {
			console.log("os.screenProp:" + os.screenProp);
			if (os.screenProp < 0.54) articleBox.addClass("screen189");
			if (os.screenProp > 0.64) {
				screenProp = 0.89;
				articleBox.addClass("screen159");
			}
			load_handler();

		});
	}//edn func


	//----------------------------------------加载页面图片----------------------------------------
	function load_handler() {
		var loader = new PxLoader();
		loadFile.start(loader)
		//实际加载进度
		//		loader.addProgressListener(function(e) {
		//			var per=Math.round(e.completedCount/e.totalCount*50);
		//			loadPer.html(per+'%');
		//		});

		loader.addCompletionListener(function () {
			loadBox.hide();
			icom.fadeIn(articleBox);
			pageInit();
			//			load_timer(50);//模拟加载进度
			loader = null;
		});
		loader.start();
	}//end func

	//模拟加载进度
	function load_timer(per) {
		per = per || 0;
		per += imath.randomRange(1, 3);
		per = per > 100 ? 100 : per;
		loadPer.html(per + '%');
		if (per == 100) setTimeout(pageInit, 200);
		else setTimeout(load_timer, 33, per);
	}//edn func

	//----------------------------------------页面逻辑代码----------------------------------------



	/**
	 * 页面初始化
	 */
	function pageInit() {

		loadBox.hide()
		IOSInput()

		IOSinput()

		// 首页的开始
		$(".p1 .start .btn").on("click", handleStart)

		// 注册
		$(".p2 .register").on("click", handleRegister)

		// 图标侠士和隐藏
		$(".p3 .direction").on("touchstart", handleTools)

		// 选择四种主要的图标
		$(".p3 .hetool2icon").on("touchstart", handleIcon)

		// 选择风景模式下的5种风景
		$(".p3 .hetool1 .scenerybg div").on("click", handleScenery)

		// 选择男性
		$(".p3 .hetool1 .personbg .man").on("click", handleMan)

		// 男性的加
		$(".p3 .hetool1 .personbg .man span.add").on("click", addMan)
		// 选择女性
		$(".p3 .hetool1 .personbg .woman").on("click", handleWoman)
		// 女性的加
		$(".p3 .hetool1 .personbg .woman span.add").on("click", addWoman)

		// 删除人物
		$("article").on("touchstart", ".p3 .hebg .bigPerson .close", handleClose)

		// 删除inpuut文字
		$("article").on("touchstart", ".p3 .hebg .slogans .close", handleDelete)

		// 判断下一步按钮什么时候变成确定
		$(".p3 .hetool1 .sportsbg .swiper-slide").on("click", handleCharcater)

		// 新增一个目标
		$(".p3 .hetool1 .citybg .addSlogan").on("click", handleAddSlogan)

		// 判断下一步的逻辑
		$("article").on("click", ".p3 .btn.next", handleNext)
		// 确定
		$("article").on("click", ".p3 .btn.sure", handleSure)

		// 寄给一年后的自己
		$(".p4 .send").on("click", openSend)
		// 关闭寄给我的阿牛
		$(".p4 .sendMask .sendMaskContent .close").on("click", closeSend)

		// 领取新春表强暴
		$(".p4 .receive").on("click", hanldeReceive)

		// 返回
		$(".p5 .back").on("click", handleBack)

		// 再玩一次
		$(".p4 .again").on("click", handleAgain)

		// 初始化人物形态
		initCharacter()

		// 重置分享
		resetShare()
		monitor_handler();
		// icom.countdown($('.btnCode'), 60, '#s');
	}//end func


	/**
  * 处理ios输入框的问题
  */
	function IOSInput() {
		if (os.ios) {
			var itimer;
			document.body.addEventListener('focusin', function () {
				setTimeout(function () {
					clearTimeout(itimer);
				}, 200);
			})
			document.body.addEventListener('focusout', function () {
				itimer = setTimeout(function () {
					$(document).scrollTop(0);
					window.scrollTo(0, 0);
				}, 300);
			})


		}
	}


	function IOSinput() {
		var itimer
		document.body.addEventListener('focusin', function () {
			clearTimeout(itimer)
		})
		document.body.addEventListener('focusout', function () {
			itimer = setTimeout(function () {
				var scrollHeight =
					document.documentElement.scrollTop || document.body.scrollTop || 0
				window.scrollTo(0, Math.max(scrollHeight - 1, 0))
			}, 100)
		})
	}


	// 重置分享
	function resetShare() {
		//点击按钮改变分享内容
		var share = {};
		var link = 'https://lululemon.omnimkt.com/2020cny/'
		if (imgId) {
			// 如果有就是合成
			console.log("合成图以后的分享")
			share.link = link + "share.html?imgId=" + imgId + '&hmsr=wxsharefinish&hmpl=&hmcu=&hmkw=&hmci=';
		} else {
			// 还没到合成
			console.log("没有合成图之前的分享")
			share.link = 'https://lululemon.omnimkt.com/2020cny/?hmsr=wxshare&hmpl=&hmcu=&hmkw=&hmci=';
		}
		share.title = '写下目标，互相督促';
		share.image = './images/shareUrl/' + shareUrl + '.jpg';
		share.friend = "2020，我们都试试看，要变得更好！";
		share.timeline = "这是我的2020目标！请督促我早日实现，朋友们！";
		share.other = share.timeline;
		ishare.reset(share);
		console.log(share.image)
		console.log(share.link)
	}

	function handleAgain() {
		imonitor.add({ category: '保存图页', label: '再玩一次' })
		icom.fadeIn($(".p3"))
		icom.fadeOut($(".p4"))
		initIcon()
	}


	function handleBack() {
		imonitor.add({ category: '新春表情包页', label: '返回' })
		icom.fadeIn($(".p4"))
		icom.fadeOut($(".p5"))
	}
	function hanldeReceive() {
		// 初始化表情包
		API.memeList(function (res) {
			if (res.code == 0) {
				Melist = res.data
				// $(".p5 .gift .swiper-slide").html('');
				// Melist.forEach(element => {
				// 	var str = '<div><img src="' + element.url + '" /></div>';
				// 	$(".p5 .gift .swiper-slide").append(str)
				// });
				GiftSwiper = new Swiper('.p5 .gift .swiper-container', {
					freeMode: true,
					direction: 'vertical',
					slidesPerView: "auto",
					observer: true,
					observeParents: true,
					mousewheel: true,
				});
				imonitor.add({ category: '保存图页', label: '领取新春表情包' })
				icom.fadeIn($(".p5"))
				icom.fadeOut($(".p4"))
			}
		})

	}
	function openSend() {
		imonitor.add({ category: '保存图页', label: '寄给一年后的自己' })
		// icom.fadeIn($(".p4 .sendMask"))

		$(".p4 .sendMask").show()
	}
	function closeSend() {
		// icom.fadeOut($(".p4 .sendMask"))
		imonitor.add({ category: '保存图页', label: '关闭寄给一年后的自己' })
		$(".p4 .sendMask").hide()
	}

	// 合成用户保存后的界面
	function saveHeHandle(callback) {
		loadBox.show()
		$(".p3 .heMain .close").hide()
		$(".p3 .hebg .slogan img").hide()
		$(".p3 .hebg .slogan").removeClass('active')
		$(".p3 .hebg .bigPerson").removeClass('active')
		html2canvas(document.querySelector(".p3 .heMain"), { logging: false, useCORS: true, scale: 4, width: ($(".p3 .heMain").width()) * (screenProp), height: ($(".p3 .heMain").height() - 2) * (screenProp) }).then(function (canvas) {
			var base64 = canvas.toDataURL("image/jpeg", 1);
			// $('.userpic').attr('src', "data:image/jpeg;base64," + res.split('data:;base64,')[1]);
			if (base64) {
				API.uploadImg({ base64: base64 }, function (data) {
					if (data.code == 100) {
						if(os.weixin){
							API.saveimg({ img_url: data.data.url }, function (res) {
								if (res.code == 0) {
									$(".result").attr("src", data.data.url)
									$(".saveImg").attr("src", data.data.url)
									imgId = res.data.id;
									shareUrl = bg;
									resetShare()
									loadBox.hide()
									callback(res)
								}
							})
						}else{
							API.nowx_saveimg({ img_url: data.data.url }, function (res) {
								if (res.code == 0) {
									$(".result").attr("src", data.data.url)
									$(".saveImg").attr("src", data.data.url)
									imgId = res.data.id;
									shareUrl = bg;
									resetShare()
									loadBox.hide()
									callback(res)
								}
							})
						}
					}
				})
			} else {
			}
		});
	}

	function handleSure() {
		var flag = false;
		for (var i = 0; i < $('.p3 .hebg .slogan input').length; i++) {
			if ($('.p3 .hebg .slogan input').eq(i).val() != '') {
				flag = true;
			}
		}
		if (flag) {
			for (var i = 0; i < $('.p3 .hebg .slogan input').length; i++) {
				if ($('.p3 .hebg .slogan input').eq(i).val() == '') {
					$('.p3 .hebg .slogan input').eq(i).hide()
				}
			}
			saveHeHandle(function (data) {
				console.log('promise')
				icom.fadeOut($(".p3 .tips"))
				icom.fadeOut($(".p3"))
				icom.fadeIn($(".p4"))
			})
		}
	}

	// 这个函数是用来判断  下一步还是确定的
	function judgeNext() {
		// console.log("is_person---", is_person)
		// console.log("is_target---", is_target)
		if (is_person && is_target) {
			$(".p3 .border .btn").addClass("sure").removeClass('next')
		} else {
			$(".p3 .border .btn").addClass("next").removeClass('sure')
		}
		var flag = false;
		for (var i = 0; i < $('.p3 .hebg .slogan input').length; i++) {
			if ($('.p3 .hebg .slogan input').eq(i).val() != '') {
				flag = true;
			}
		}
		if (flag) {

		} else {
			$(".p3 .border .btn").addClass("next").removeClass('sure')
		}
	}
	function setActive() {
		setTimeout(function () {
			if (is_handleClose) {
				$(".p3 .heMain div").removeClass('active')
				var flag = true;
				var max = 0;
				var arr = [];
				if ($(".p3 .heMain div").length < 0) {
					return false
				}
				for (var i = 0; i < $(".p3 .heMain div").length; i++) {
					arr.push(parseInt($(".p3 .heMain div").eq(i).css('z-index')))
				}
				max = arr[arr.sort().length - 1]
				console.log("此时的zIndex最大的是：", max)
				for (var i = 0; i < $(".p3 .heMain div").length; i++) {
					if (parseInt($(".p3 .heMain div").eq(i).css('z-index')) == max) {
						flag = false
						$(".p3 .heMain div").eq(i).addClass('active')
						personObj = $(".p3 .heMain div").eq(i)
					}
				}
				is_handleClose = false
			}
		}, 500);
	}
	function handleDelete() {
		is_handleClose = true;
		sloganNum--;
		$(this).parent().remove()
		if (sloganNum == 0) {
			is_target = false;
			console.log("快填写一个slogan啊")
		}
		judgeNext()
		setActive()
	}

	function handleClose() {
		is_handleClose = true;
		PersonNum--;
		console.log("删除时候的ZIndex", zIndex)
		$(this).parent().remove()
		$(".p3 .hetool1 .personbg .pnum i").text(PersonNum)

		if (PersonNum < 3) {
			$(".p3 .hetool1 .personbg  span").show()
		}
		if (PersonNum == 0) {
			console.log("快选一个人物啊")
			is_person = false;
			is_character = false;
		}
		// 初始化人物形态
		for (let i = 0; i < $(".p3 .hetool1 .sportsbg .swiper-slide").length; i++) {
			$(".p3 .hetool1 .sportsbg .swiper-slide").find('i').removeClass('active')
		}
		judgeNext()
		setActive()
	}

	function handleNext() {
		imonitor.add({ category: '游戏页面', label: '下一步' })
		for (var i = 0; i < $(".p3 .hetool2icon").length; i++) {
			$(".p3 .hetool2icon").find('i').removeClass('active')
		}

		is_character = false;
		for (var i = 0; i < $(".p3 .hebg .bigPerson img").length; i++) {
			if ($(".p3 .hebg .bigPerson img").eq(i).attr('is_character')) {
				is_character = true;
			}
		}

		var flag = false
		for (var i = 0; i < $(".p3 .hebg .slogan input").length; i++) {
			if ($(".p3 .hebg .slogan input").eq(i).val() == '') {
				flag = true;
			}
		}
		if (flag) {
			icom.alert("你的2020热汗目标未输入文字")
			$(".p3 .hetool2icon").find('i.city').addClass('active')
			$(".hetool").removeClass('scenery person sports city')
			$(".hetool").addClass("city").addClass('active')
			$(".p3 .direction").addClass('active')
			return false
		}

		console.log('is_person---', is_person)
		console.log('is_target---', is_target)
		console.log('is_character---', is_character)
		// 进入页面时底部显示“下一步”，用户选择了人物和文字，则按钮变成确定，如两个没选或只选择了其中一个，则点下一步后跳出未选择的选项，如选了人物，没有选文字时，则选择运动
		if (!is_person) {
			console.log("进入到第二个图标，人物是必选的")
			$(".p3 .hetool2icon").find('i.person').addClass('active')
			$(".hetool").removeClass('scenery person sports city')
			$(".hetool").addClass("person").addClass('active')
			$(".p3 .direction").addClass('active')
		}


		if (is_person && !is_target) {
			if (is_character) {
				console.log("进入到第四个图标，去选择文字")
				$(".p3 .hetool2icon").find('i.city').addClass('active')
				$(".hetool").removeClass('scenery person sports city')
				$(".hetool").addClass("city").addClass('active')
				$(".p3 .direction").addClass('active')
			} else {
				console.log("进入到第三个图标，去选择动作")
				$(".p3 .hetool2icon").find('i.sports').addClass('active')
				$(".hetool").removeClass('scenery person sports city')
				$(".hetool").addClass("sports").addClass('active')
				$(".p3 .direction").addClass('active')
			}
		}


		if (is_target && !is_person) {
			console.log("进入到第二个图标，人物是必选的")
			$(".p3 .hetool2icon").find('i.person').addClass('active')
			$(".hetool").removeClass('scenery person sports city')
			$(".hetool").addClass("person").addClass('active')
			$(".p3 .direction").addClass('active')
		}
	}

	function handleAddSlogan() {
		imonitor.add({ category: '目标输入页', label: '输入你的2020热汗目标' })
		sloganNum++;
		zIndex++;
		if (sloganNum > 3) {
			icom.alert("最多只能添加三行文字")
			sloganNum = 3
			is_target = false
			return false
		}
		$(".p3 .heMain div").removeClass('active')
		$(".p3 .heMain div.bigPerson").removeClass('active')
		var str = '<div class="slogan slogans active" index="' + zIndex + '" style="z-index:' + zIndex + '" id="slogan' + sloganNum + '"><i class="close"></i><img src="./images/p3/sloganbg.png"><input type="text" placeholder="输入你的2020热汗目标" maxlength="14" /></div>'
		$(".heMain").append(str)
		let w = imath.randomRange(0, $(".heMain").width() - $(".p3  #slogan" + sloganNum).width());
		let h = imath.randomRange(0, $(".heMain").height() - $(".p3 .hetool").height() - 60);

		var wr = ($(".heMain").width() - Math.abs(w) - $("#slogan" + sloganNum).width()) - 10;
		var hb = ($(".heMain").height() - Math.abs(h) - $(".p3 .hetool").height() - $(".p3  #slogan" + sloganNum).height())

		$(".p3 .hebg #slogan" + sloganNum + " input").bind("input propertychange", function (event) {
			$(".p3 .heMain div").removeClass('active')
			$(".p3 .heMain div.bigPerson").removeClass('active')
			$(".p3 .hebg #slogan" + sloganNum).addClass('active')
			if ($(".p3 .hebg #slogan" + sloganNum + " input").val() !== '') {
				is_target = true;
				judgeNext()
			} else {
				var flag = false;
				for (var i = 0; i < $(".p3 .hebg .slogan input").length; i++) {
					if ($(".p3 .hebg .slogan input").eq(i).val() != '') {
						flag = true;
					}
				}
				if (flag) {
					is_target = true;
				} else {
					is_target = false;
				}
				judgeNext()
			}
		});
		pinchRotateImg('slogan' + sloganNum, w, h, wr, hb)
	}

	function handleCharcater() {
		console.log(personObj)
		imonitor.add({ category: '配饰选择页', label: '选择配饰' })
		if (!is_person) {
			icom.alert("请选择人物")
			return false;
		}
		is_character = true;
		for (let i = 0; i < $(".p3 .hetool1 .sportsbg .swiper-slide").length; i++) {
			$(".p3 .hetool1 .sportsbg .swiper-slide").find('i').removeClass('active')
		}
		$(this).find('i').addClass('active')
		var sex = $(personObj).attr('sex')
		if (sex) {
			var cNum = parseInt($(this).index()) + 1
			$(personObj).find('img').attr("src", "./images/p3/" + sex + "_c" + cNum + ".png?v=11").attr('is_character', 'is_character')
		} else {
			icom.alert("请选择人物")
		}
	}

	function initCharacter() {
		CharacterSwiper = new Swiper('.p3 .sportsbg .swiper-container', {
			direction: 'horizontal',
			slidesPerView: "auto",
			observer: true,
			observeParents: true,
		});
	}

	function pinchRotateImg(obj, w, h, wr, hb) {
		var pinchImg = document.getElementById(obj);
		Transform(pinchImg)
		function tagImg() {
			$(".p3 .heMain div").removeClass('active')
			var _zIndex = 0;
			_zIndex = parseInt($(".p3 .heMain div").eq(0).css('z-index'))
			for (var i = 0; i < $(".p3 .heMain div").length; i++) {
				if (parseInt($(".p3 .heMain div").eq(i).css('z-index')) > _zIndex) {
					_zIndex = parseInt($(".p3 .heMain div").eq(i).css('z-index'))
				}
			}
			zIndex = parseInt(_zIndex) + 1 || zIndex;
			$("#" + obj).css({
				'z-index': zIndex,
			}).addClass('active')
			personObj = $("#" + obj);

		}
		var initScale = 1;
		new AlloyFinger(pinchImg, {
			singleTap: function (evt) {
				tagImg(evt)
			},
			pointStart: function (evt) {
				tagImg(evt)
			},
			tap: function (evt) {
				tagImg(evt)

			},
			rotate: function (evt) {
				tagImg(evt)
				pinchImg.rotateZ += evt.angle;
			},
			multipointStart: function (evt) {
				tagImg(evt)
				initScale = pinchImg.scaleX;
			},
			pinch: function (evt) {
				tagImg(evt)
				pinchImg.scaleX = pinchImg.scaleY = initScale * evt.zoom;
			},
			pressMove: function (evt) {
				tagImg(evt)
				pinchImg.translateX += evt.deltaX;
				pinchImg.translateY += evt.deltaY;
				evt.preventDefault();
			}
		});
	}


	function addWoman() {
		PersonNum++;
		nameIdx++;
		if (PersonNum > 0) {
			is_person = true;
		}
		if (PersonNum == 3) {
			$(".p3 .hetool1 .personbg  span").hide()
		}
		if (PersonNum > 3) {
			is_person = false;
			return false
		}

		zIndex++;
		console.log(zIndex)
		$(".p3 .heMain div").removeClass('active')
		$(".p3 .heMain div.bigPerson").removeClass('active')
		var str = '<div class="bigPerson" index="' + zIndex + '" sex="woman" id="name' + nameIdx + '" style="z-index:' + zIndex + '"><i class="close"></i><img src="./images/p3/bigWoman.png" ></div>'
		$(".heMain").append(str);
		let w = imath.randomRange(0, $(".heMain").width() - $(".p3 .hebg #name" + nameIdx + " img").width());
		let h = imath.randomRange(0, $(".heMain").height() - $(".p3 .hetool").height() - 250);
		$("#name" + nameIdx).css({
			top: h,
			left: w,
		}).addClass('active')
		var wr = ($(".heMain").width() - Math.abs(w) - $("#name" + nameIdx).width()) - 10;
		var hb = ($(".heMain").height() - Math.abs(h) - $(".p3 .hetool").height() - 250)
		pinchRotateImg('name' + nameIdx, w, h, wr, hb)
		personObj = $("#name" + nameIdx);
		$(".p3 .hetool1 .personbg .pnum i").text(PersonNum)
		judgeNext()
	}

	function addMan() {
		PersonNum++;
		nameIdx++;
		if (PersonNum > 0) {
			is_person = true;
		}
		if (PersonNum == 3) {
			$(".p3 .hetool1 .personbg  span").hide()
		}
		if (PersonNum > 3) {
			is_person = false;
			return false
		}

		zIndex++;
		console.log(zIndex)
		$(".p3 .heMain div").removeClass('active')
		$(".p3 .heMain div.bigPerson").removeClass('active')
		var str = '<div class="bigPerson" index="' + zIndex + '" sex="man" id="name' + nameIdx + '" style="z-index:' + zIndex + '"><i class="close"></i><img src="./images/p3/bigMans.png"></div>'
		$(".heMain").append(str);
		let w = imath.randomRange(0, $(".heMain").width() - $(".p3 .hebg #name" + nameIdx + " img").width());
		let h = imath.randomRange(0, $(".heMain").height() - $(".p3 .hetool").height() - 180);
		$("#name" + nameIdx).css({
			top: h,
			left: w,
		}).addClass('active')
		var wr = ($(".heMain").width() - Math.abs(w) - $("#name" + nameIdx).width()) - 10;
		var hb = ($(".heMain").height() - Math.abs(h) - $(".p3 .hetool").height() - 180)
		pinchRotateImg('name' + nameIdx, w, h, wr, hb)
		personObj = $("#name" + nameIdx);
		$(".p3 .hetool1 .personbg .pnum i").text(PersonNum)
		judgeNext()

	}

	function handleWoman() {
		imonitor.add({ category: '性别人物选择页', label: '选择人物--女' })
		$(".man").removeClass("active")
		$(".woman").addClass("active")
	}
	function handleMan() {
		imonitor.add({ category: '性别人物选择页', label: '选择人物--男' })
		$(".woman").removeClass("active")
		$(".man").addClass("active")
	}

	function handleScenery() {
		for (let i = 0; i < $(".p3 .hetool1 .scenerybg div").length; i++) {
			$(".p3 .hetool1 .scenerybg div").find('i').removeClass('active')
		}
		$(this).find('i').addClass('active')
		let sceneryName = $(this).find('i').attr('sceneryName');
		$(".hebgPic").attr("src", './images/p3/bg' + sceneryName + '.jpg?v=' + Math.random())
		shareUrl = sceneryName;
		bg = sceneryName;
		console.log("此处可以得出分享的图片是：---", sceneryName)
		imonitor.add({ category: '背景选择页', label: '选择背景--sceneryName' })
	}

	function initIcon() {
		// 初始化参数
		is_scenery = true;
		is_person = false;
		is_character = false;
		is_target = false;
		nameIdx = 20;
		PersonNum = 0;
		personObj = null;
		sloganNum = 0;
		zIndex = 100;
		// 初始化人物形态
		for (let i = 0; i < $(".p3 .hetool1 .sportsbg .swiper-slide").length; i++) {
			$(".p3 .hetool1 .sportsbg .swiper-slide").find('i').removeClass('active')
		}
		// 初始化风景
		for (let i = 0; i < $(".p3 .hetool1 .scenerybg div").length; i++) {
			$(".p3 .hetool1 .scenerybg div").find('i').removeClass('active')
		}
		// 初始化输入的背景
		$(".p3 .hebg .slogan img").show()
		// 初始化增加人物的按钮
		$(".p3 .hetool1 .personbg  span").show()
		// 初始化人物的点击状态
		$(".man").removeClass('active')
		$(".woman").removeClass('active')
		// 初始化下一步按钮
		$(".p3 .btn").removeClass("sure next").addClass("next")
		// 初始化合成出来的图
		$(".result").attr("src", '')
		$(".saveImg").attr("src", '')
		// 初始化人物的数量
		$(".p3 .hetool1 .personbg .pnum i").text(PersonNum)
		// 初始化向上或者向下的按钮
		$(".p3 .direction").removeClass('active')
		// 初始化一级图标的状态
		for (let i = 0; i < $(".p3 .hetool2icon").length; i++) {
			$(".p3 .hetool2icon").find('i').removeClass('active')
		}
		// 初始化heMain里面的内容
		$(".heMain").html('')
		// 初始化选择的风景
		$(".p3 .hetool").removeClass('active scenery person sports city')
		$(".p3 .hetool").addClass('scenery')
		$(".p3 .hetool2icon i.scenery").addClass('active')
		// 初始化heMian里面的背景图
		var bgs = ['forest', 'desert', 'star', 'beach', 'city']
		var idx = imath.randomRange(0, 4);
		bg = bgs[idx]
		$(".p3 .hetool1 .scenerybg div i").eq(idx).addClass('active')
		var str = '<img src="./images/p3/bg' + bg + '.jpg?v=2" bgName="forest" class="hebgPic" />'
		var logostr = '<img src="./images/common/logo.png?v=2"  class="helogo" />'
		$(".heMain").append(logostr)
		$(".heMain").append(str)

		shareUrl = 'share';
		imgId = '';
		resetShare()
	}

	// 一级图标
	function handleIcon() {
		// 如果没选人物就去提示用户选择一下人物
		let toolName = $(this).find('i').attr("toolName");
		if (toolName == 'sports' && !is_person) {
			icom.alert("请先选择人物")
			return false
		}
		for (let i = 0; i < $(".p3 .hetool2icon").length; i++) {
			$(".p3 .hetool2icon").find('i').removeClass('active')
		}
		$(this).find('i').addClass('active')

		$(".hetool").removeClass('scenery person sports city')
		$(".hetool").addClass(toolName).addClass('active')
		$(".p3 .direction").addClass("active")



		// 初始化人物形态
		initCharacter()
	}

	function handleTools() {
		if ($(this).hasClass("active")) {
			$(this).removeClass('active')
			$(".p3 .hetool").removeClass("active")
		} else {
			$(this).addClass('active')
			$(".p3 .hetool").addClass("active")
		}
	}


	function handleStart() {
		imonitor.add({ category: '首页', label: '开始按钮' })
		// 0表示是会员；直接到图片页；1会返回授权链接；2不是会员跳转到注册页；
		if (parseInt(is_vip) == 0) {
			console.log("是会员")
			icom.fadeIn($('.p3'))
			icom.fadeOut($('.p1'))
			// 在第一个背景选择中将一进入出现的背景选中状态。
			initIcon()
		} else if (parseInt(is_vip) == 2) {
			console.log("不是会员")
			icom.fadeIn($('.p2'))
			icom.fadeOut($('.p1'))
		}
	}

	function handleRegister() {
		imonitor.add({ category: '会员注册页', label: '注册按钮' })
		if ($("#name").val().trim() == '') {
			icom.alert("请填写姓名")
		} else if ($("#phone").val().trim() == '') {
			icom.alert("请填写电话")
		} else if (!icom.checkStr($("#phone").val().trim())) {
			icom.alert("请填写合法的电话格式")
		} else {
			let data = {
				phone: $("#phone").val().trim(),
				code: '',
				name: $("#name").val().trim(),
			}
			API.register(data, function (res) {
				if (res.code == 0) {
					icom.fadeIn($('.p3'))
					icom.fadeOut($('.p2'))
					// 在第一个背景选择中将一进入出现的背景选中状态。
					initIcon()
				}
			})
		}
	}

	//----------------------------------------页面监测代码----------------------------------------
	function monitor_handler() {
		//		imonitor.add({obj:$('a.btnTest'),action:'touchstart',category:'default',label:'测试按钮'});
	}//end func
});//end ready
